<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/flexbox.css" />
	</head>

	<body>
		<p>水平分栏</p>
		<div class="container">
			<div class="first">第一个</div>
			<div class="second">第二个</div>
			<div class="three">第三个</div>
		</div>
		<p>垂直分栏</p>
		<div class="container1">
			<div class="first">第一个</div>
			<div class="second">第二个</div>
			<div class="three">第三个</div>
		</div>
		<p>排序(Flex)</p>
		<div class="container">
			<div class="first1">第一个</div>
			<div class="second1">第二个</div>
			<div class="three1">第三个</div>
		</div>
	</body>

</html>